// Contextual backgrounds

.bg-variant(@color, @bg-text-color, @bg-text-color-emphasis) {
    background-color: @color;
    color: @bg-text-color;

    strong {
        color: @bg-text-color-emphasis;
    }

    a {
        color: lighten(@bg-text-color, 6%);
        text-decoration: underline !important;

        &:hover, &:focus {
            text-decoration: underline !important;
        }
    }
}
